Full source code website bán hàng thương mại điện tử gần giống shopee
469.238 lượt xem;
1 /* CSS Product */
2
3
4
5 #detail_product_picture_thumbnail .left, #detail_product_picture_thumbnail .right{
6 background: url(../images/icon_navigate_small.gif) no-repeat;
7 float: left;
8 margin: 0px 0px;
9 width: 20px;
10 height: 30px;
11 }
12 #detail_product_picture_thumbnail .left{
13 background-position: 0px 0px;
14 margin-top:18px;
15 margin-right: 0px;
16 }
17 #detail_product_picture_thumbnail .left:hover{
18 background-position: -20px 0px;
19 }
20 #detail_product_picture_thumbnail .right{
21 background-position: 0px -30px;
22 margin-top:18px;
23 margin-left: 3px;
24 }
25 #detail_product_picture_thumbnail .right:hover{
26 background-position: -20px -30px;
27 }
28 #detail_product_picture_thumbnail .center{
29 float: left;
30 width: 165px;
31 overflow: hidden;
32 }
33 #detail_product_picture_thumbnail table{
34 margin: 0px auto;
35 }
36 #detail_product_picture_thumbnail table td{
37 border: 1px #E5E5E5 solid;
38 font-size: 0px;
39 height: 54px;
40 }
41 #detail_product_picture_thumbnail table td.current{
42 border: 1px #D8052B solid;
43 }
44 #detail_product_picture_thumbnail table td a{
45 display: block;
46 text-align: center;
47 width: 53.6px;
48 }
49 #detail_product_picture_thumbnail table td img{
50 max-width: 54px;
51 max-height: 54px;
52 _width: 54px;
53 _height: 54px;
54 }
2
3
4
5 #detail_product_picture_thumbnail .left, #detail_product_picture_thumbnail .right{
6 background: url(../images/icon_navigate_small.gif) no-repeat;
7 float: left;
8 margin: 0px 0px;
9 width: 20px;
10 height: 30px;
11 }
12 #detail_product_picture_thumbnail .left{
13 background-position: 0px 0px;
14 margin-top:18px;
15 margin-right: 0px;
16 }
17 #detail_product_picture_thumbnail .left:hover{
18 background-position: -20px 0px;
19 }
20 #detail_product_picture_thumbnail .right{
21 background-position: 0px -30px;
22 margin-top:18px;
23 margin-left: 3px;
24 }
25 #detail_product_picture_thumbnail .right:hover{
26 background-position: -20px -30px;
27 }
28 #detail_product_picture_thumbnail .center{
29 float: left;
30 width: 165px;
31 overflow: hidden;
32 }
33 #detail_product_picture_thumbnail table{
34 margin: 0px auto;
35 }
36 #detail_product_picture_thumbnail table td{
37 border: 1px #E5E5E5 solid;
38 font-size: 0px;
39 height: 54px;
40 }
41 #detail_product_picture_thumbnail table td.current{
42 border: 1px #D8052B solid;
43 }
44 #detail_product_picture_thumbnail table td a{
45 display: block;
46 text-align: center;
47 width: 53.6px;
48 }
49 #detail_product_picture_thumbnail table td img{
50 max-width: 54px;
51 max-height: 54px;
52 _width: 54px;
53 _height: 54px;
54 }